<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./bootstarp/css/bootstrap.css">
    <link rel="stylesheet" href="./css/home首页.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
    <script src="./bootstarp/js/wow.min.js"></script>

    <script>
      new WOW().init();
      </script>

    <title>首页</title>
</head>
<body>
  <!-- 导航栏 -->
    <nav class="navbar navbar-default navbar-inverse">
        <div class="container">
          <!-- Brand and toggle get grouped for better mobile display -->
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
             data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
            <a class="navbar-brand" href="#"><img src="./img/首页/1.png"></a>
          </div>
      
          <!-- Collect the nav links, forms, and other content for toggling -->
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
              <li class="active"><a href="">首页<span class="sr-only">(current)</span></a></li>
              <li><a href="./family家族.html">Laya家族</a></li>
              <li><a href="./game.html">游戏</a></li>
              <li><a href="./news.html">新闻动态</a></li>
              <li><a href="#">开发者中心</a></li>
              <li><a href="#">开发者社区</a></li>
              <li><a href="#">开发平台</a></li>
              <li><a href="./aboutus.html">关于我们</a></li>
            </ul>
           
            <ul class="nav navbar-nav navbar-right">
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li><a href="#">中文</a></li>
                  <li><a href="#">英文</a></li>
                  <li><a href="#">韩文</a></li>
                  <li role="separator" class="divider"></li>
                  <li><a href="#">日语</a></li>
                </ul>
              </li>
            </ul>
          </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
      </nav>

      <div class="game">
          <img src="./img/首页/2.png">
      </div>

      <!-- Flashbx引擎 -->
      <div class="engine">
        <div class="container">
          <div class="title">
            <h1 class="animate__animated animate__rubberBand">LayaFlash引擎</h1>
            <h2>让Flash技术变成开发HTML5产品的利器</h2>
          </div>
          <div class="row">
            <div class="col-md-8">
              <ul class="row">
                <li>
                  <div class="col-md-6 col-sm-6 col-xs-12 item">
                    <div class="left">
                      <img src="./img/首页/3.png">
                    </div>
                    <div class="right">
                      <h4>快速Flash产品转换</h4>
                      <p>Flash页游/手游仅需1个人7天即可转换为HTML5和APP游戏</p>
                    </div>
                  </div>
                </li>
                
                <li>
                  <div class="col-md-6 col-sm-6 col-xs-12 item">
                    <div class="left">
                      <img src="./img/首页/4.png">
                    </div>
                    <div class="right">
                      <h4>快速Flash产品转换</h4>
                      <p>Flash页游/手游仅需1个人7天即可转换为HTML5和APP游戏</p>
                    </div>
                  </div>
                </li>
                <li>
                  <div class="col-md-6 col-sm-6 col-xs-12 item">
                    <div class="left">
                      <img src="./img/首页/5.png">
                    </div>
                    <div class="right">
                      <h4>快速Flash产品转换</h4>
                      <p>Flash页游/手游仅需1个人7天即可转换为HTML5和APP游戏</p>
                    </div>
                  </div>
                </li>
                <li>
                  <div class="col-md-6 col-sm-6 col-xs-12 item">
                    <div class="left">
                      <img src="./img/首页/6.png">
                    </div>
                    <div class="right">
                      <h4>快速Flash产品转换</h4>
                      <p>Flash页游/手游仅需1个人7天即可转换为HTML5和APP游戏</p>
                    </div>
                  </div>
                </li>
              </ul>
            </div>
            <div class="hidden-sm col-md-4 hiddenimg">
              <img src="./img/首页/7.png">
            </div>
          </div>
        </div>
      </div>

     <!-- Layabox 优势 -->
      <div class="container Layabox">
        <div class="row">
          <div class="col-md-6 col-ms-6 hidden-xs Layabox-left">
            <img src="./img/首页/8.png">
          </div>
          <div class="WOW animate__animated animate__fadeInTopLeft col-md-6 col-ms-6 Layabox-right">
            <h2>Layabox 优势</h2>
            <ul>
              <li class="col-xs-12"><img src="./img/首页/9.png"><span>快速上手，Flash程序3小时掌握HTML5开发</span></li>
              <li class="col-xs-12"><img src="./img/首页/10.png"><span>4年优化打磨，LayaPlayer运行器性能媲美APP</span></li>
              <li class="col-xs-12"><img src="./img/首页/11.png"><span>超5亿的LayaPlayer移动设备安装量帮助CP发行</span></li>
              <li class="col-xs-12"><img src="./img/首页/12.png"><span>使用LayaFlash开发大型HTML5游戏的企业超100家</span></li>
            </ul>
          </div>
        </div> 
      </div>

 <!-- Flashbox产品家族 -->
     <div class="family">
       <div class="container">

        <div class="title">
          <h1 class="animate__animated animate__rubberBand">Layabox产品家族</h1>
        </div>
         <div class="row">
           <div class="col-md-6 col-sm-6 col-xs-12">
             <ul>
               <li>
                <div class="item">
             <div class="left">
               <img src="./img/首页/13.png">
             </div>
             <div class="right">
               <h4>LayaAir</h4>
               <p>核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D,非运行器模式下性能媲美APP</p>
             </div>
             </div>
          </li>
            <li>
             <div class="item">
          <div class="left">
            <img src="./img/首页/15.png">
          </div>
          <div class="right">
            <h4>LayaFlash</h4>
            <p>核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D,非运行器模式下性能媲美APP</p>
          </div>
          </div>
       </li>
       <li>
        <div class="item">
     <div class="left">
       <img src="./img/首页/17.png">
     </div>
     <div class="right">
       <h4>LayaPlayer</h4>
       <p>核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D,非运行器模式下性能媲美APP</p>
     </div>
     </div>
  </li>
       </ul>
        </div>
        <div class="col-md-6 col-sm-6 col-xs-12">
             <ul>
               <li>
                <div class="item">
             <div class="left">
               <img src="./img/首页/14.png">
             </div>
             <div class="right">
               <h4>LayaPublish</h4>
               <p>核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D,非运行器模式下性能媲美APP</p>
             </div>
             </div>
            
          </li>
        
          
            <li>
             <div class="item">
          <div class="left">
            <img src="./img/首页/16.png">
          </div>
          <div class="right">
            <h4>LayaStore</h4>
            <p>核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D,非运行器模式下性能媲美APP</p>
          </div>
          </div>
       </li>

       <li>
        <div class="item">
     <div class="left">
       <img src="./img/首页/18.png">
     </div>
     <div class="right">
       <h4>LayaOpen</h4>
       <p>核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D,非运行器模式下性能媲美APP</p>
     </div>
     </div>
  </li>
  
       </ul>
           </div>

         </div>
      

     </div>
     </div>

    <!-- 精彩游戏 -->
      <div class="container playgame">
      
        <div class="playgame-top  ">
          <ul>
          <li><h4>采用Layabox引擎的精彩游戏</h4></li>
          <li><span>更多</span></li>
          </ul>
          </div>

          <div class="row ">
            <div class="col-md-5 row-left">
              <img src="./img/首页/19.png">
            </div>

            <div class="col-md-7 row-right">
              <div class="row">
              <ul>
                <li class="col-md-2 col-xs-4"><img src="./img/首页/20.png"><br><span>猎刃</span></li>
                <li class="col-md-2 col-xs-4"><img src="./img/首页/21.png"><br><span>上吧主公</span></li>
                <li class="col-md-2 col-xs-4"><img src="./img/首页/22.png"><br><span>醉西游</span></li>
                <li class="col-md-2 col-xs-4"><img src="./img/首页/23.png"><br><span>魔卡幻想</span></li>
                <li class="col-md-2 col-xs-4"><img src="./img/首页/24.png"><br><span>超能战队</span></li>
                <li class="col-md-2 col-xs-4"><img src="./img/首页/25.png"><br><span>万塔大菠萝</span></li>
              
                <li class="col-md-2 col-xs-4"><img src="./img/首页/23.png"><br><span>轰三国</span></li>
                <li class="col-md-2 col-xs-4"><img src="./img/首页/23.png"><br><span>迷你猎人</span></li>
                <li class="col-md-2 col-xs-4"><img src="./img/首页/23.png"><br><span>蒙挂三国</span></li>
                <li class="col-md-2 col-xs-4"><img src="./img/首页/23.png"><br><span>夺塔三国</span></li>
                <li class="col-md-2 col-xs-4"><img src="./img/首页/23.png"><br><span>英雄争霸</span></li>
                <li class="col-md-2 col-xs-4"><img src="./img/首页/23.png"><br><span>战争之门</span></li>
              </ul>
              </div>
            </div>
            </div>
       
          </div>


    <!-- 合作伙伴 -->
    <div class="box4">
    <div class="container cooperation">
      <div class="cooperation-top">
        
      <span class="h2">合作伙伴</span><small>（排序部分先后）</small>
      </div>
      <div class="cooperation-pic">
      <div class="row">
         <ul>
           <li class="col-md-2 col-xs-4"><img src="./img/首页/32.png"></li>
           <li class="col-md-2 col-xs-4"><img src="./img/首页/33.png"></li>
           <li class="col-md-2 col-xs-4"><img src="./img/首页/34.png"></li>
           <li class="col-md-2 col-xs-4"><img src="./img/首页/35.png"></li>
           <li class="col-md-2 col-xs-4"><img src="./img/首页/36.png"></li>
           <li class="col-md-2 col-xs-4"><img src="./img/首页/37.png"></li>
           <li class="col-md-2 col-xs-4"><img src="./img/首页/38.png"></li>
           <li class="col-md-2 col-xs-4"><img src="./img/首页/39.png"></li>
           <li class="col-md-2 col-xs-4"><img src="./img/首页/40.png"></li>
           <li class="col-md-2 col-xs-4"><img src="./img/首页/41.png"></li>
           <li class="col-md-2 col-xs-4"><img src="./img/首页/42.png"></li>
           <li class="col-md-2 col-xs-4"><img src="./img/首页/43.png"></li>
         </ul>
      </div>
      </div>
    </div>
    </div>


    <!-- 页脚 -->
    <div class="box5">
    <div class="container footer">
      <div class="row">
        <div class="col-md-6  row-left">
          <ul>
            <li><span>公司简介</span><span>联系方式</span><span>人才招聘</span></li>
            <li>All Copyright Reserved by Layabox Inc.京ICP备15008163号-1</li>
          </ul>
        </div>
        <div class="col-md-6 col-md-offset-4 row-right">
          <ul>
          <li><img src="./img/首页/44.png"></li>

          <li>
            <div id="er">
              <img src="./img/首页/45.png">

              <div id="wechat"><img src="./img/首页/47.png"></div>
            </div>
          </li>

          <li><img src="./img/首页/46.png"></li>
          </ul>
        </div>
      </div>
   </div>
    </div>








      <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" 
        integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" 
        crossorigin="anonymous"></script>
</body>
</html>